<template>
  <!-- 对公首页 -->
  <div>
    <div class="home">
      <div class="home-left">
        <!-- 客户、业绩 -->
        <custom-perferce />
        <!-- 待办事项 -->
        <to-do style="margin: 20px 0;" />
        <!-- 重要指标，折线图 -->
        <important-index :showFlag="2" />
        <!-- 营销指标 -->
        <marketing :forPublic="1" />
      </div>
      <div class="home-right">
        <!-- 我的管户 -->
        <custom-public />
        <!-- 日历 -->
        <div class="parogramme" style="margin-top: 28px;">
          <calendar />
        </div>
        <!-- 消息提醒 -->
        <message-tips />
      </div>
    </div>
  </div>
</template>
<script>
import CustomPerferce from '@/components/vx-home/vx-custom-performance/';
import CustomPublic from '@/components/vx-home/vx-custom-performance/indexPublic.vue';
import Marketing from '@/components/vx-home/vx-marketing';
import ImportantIndex from '@/components/vx-home/vx-important-index';
import ToDo from '@/components/vx-home/vx-to-do';
import Calendar from '@/components/vx-home/vx-calendar/';
import MessageTips from '@/components/vx-home/vx-message-tips';
export default {
  name: 'home',
  components: {
    CustomPerferce,
    Marketing,
    ImportantIndex,
    ToDo,
    MessageTips,
    Calendar,
    CustomPublic
  },
  data() {
    return {
    };
  },
  created() { },
  mounted() { },
  methods: {},
};
</script>

<style lang="scss">
.home {
  width: 100%;
  height: 100%;
  display: flex;

  .home-left {
    width: 65%;
  }

  .home-right {
    width: 35%;
    // height: 40rem;
    margin-left: 20px;

    .to-do,
    .parogramme,
    .message-tips {
      width: 100%;
      border-radius: 4px;
    }

    .parogramme {
      box-sizing: border-box;
      margin-top: 15px;
      overflow: hidden;
    }
  }
}
</style>
